以前没时间过eslint,每次项目vscode 编辑器的eslint插件就关掉eslint,老项目都没注意过相关的代码规范,这次新项目加入进去实践下!
Question
- 三个插件功自动有些规则是冲突的,需要确定优先顺序,其他插件进行自定义化的配置
- 都可以自动保存格式化的功能
Reference
-
在package中对两者进行配置
-
相对官方的文档,感觉没讲清楚
-
对优先使用了Pretiter规则还是esLint都给出了解决方案,并给出了推荐的设置
Answer
方案 1
最简单的,Integrating with ESLint 中 最后的recommend的方案:
yarn add --dev eslint-plugin-prettier eslint-config-prettier
-
.eslintrc.json
配置中添加{ "extends": ["plugin:prettier/recommended"] }
简单 so easy!
方案 2
-
npm i -D eslint-plugin-prettier
-
package.json
中添加配置:"eslintConfig": { "extends": [ "prettier" ], "plugins": [ "prettier" ] }, "prettier": { "singleQuote": true, "semi": false },
-
Different
两者的区别在于是否使用单引号和行末尾是否有分号,第二种eslint报错不会自动修复
Recommend integrating with editor
配置编辑器的 formatOnSave
设置,保存后自动化格式检测,列出vscode的配置, Reference
{
"prettier.eslintIntegration": true,
"eslint.autoFixOnSave": true,
"editor.formatOnSave": true
}
vscode编辑器中相关的插件:
暂时没涉及到editconfig
后面用到在添加
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。